<template>
  <el-menu
    :default-active="activeIndex"
    class="el-menu-demo"
    mode="horizontal"
    @select="name=>router.push({name})"
  >
    <el-menu-item index="userproperty">用户属性</el-menu-item>
    <el-menu-item index="cpttproperty">比赛属性</el-menu-item>
    <el-menu-item index="itemproperty" >道具属性</el-menu-item>
    <el-menu-item index="other" >其他</el-menu-item>
    <el-menu-item index="other3" disabled>开发中</el-menu-item>
  </el-menu>
  <router-view />
</template>

<script lang="ts" setup >
import { useRouter,useRoute } from "vue-router"
import { computed, ref } from "vue"

const route = useRoute()
const router = useRouter()
const activeIndex = computed(()=>route.name)
</script>


<style lang="scss" scoped>
</style>